"use client";

import React from "react";
import Image from "next/image";
import { Tabs, List } from "antd";
import Back from "./back";
import PlanInfo from './planInfo'
import Log from './log';
import Icon from "./app.png";

const { Item } = List;
const { Meta } = Item;
const data = [
  {
    title: "Ant Design Title 1",
  },
];
function App() {
  return (
    <div className="appServer">
      <List
        itemLayout="horizontal"
        dataSource={data}
        style={{ borderBottom: "1px solid #EEEEEE" }}
        renderItem={() => (
          <Item>
            <Meta
              avatar={
                <Image
                  style={{ width: 50, height: 50 }}
                  src={Icon}
                  alt="logo"
                />
              }
              title="智能人脸识别系统验收测试部署v10.2.3"
              description="描述：dzgwxt | 用户组：ZB管理组 | 创建人：zhaoxi | 创建时间：2023-03-10 12:12:12"
            />
          </Item>
        )}
      />
      <Back />
      <Tabs
        items={[
          {
            key: 1,
            label: "任务详情",
            children:<PlanInfo/>,
          },
          {
            key: 2,
            label: "执行记录",
            children:<Log/>,
          },
        ]}
        onChange={() => {}}
      />
    </div>
  );
}
export default App;
